<template>
	<view>
		<view class="header-ttop">
			<view @click="angotu">
				<i class="uni-btn-icon" style="color: rgb(255, 255, 255); font-size: 27px;"></i>
			</view>

			<view @click="show=true">
				<view>
					{{lo.titleList[2].text}}
				</view>
				<view>
					<i class="uni-btn-icon" style="color: rgb(255, 255, 255); font-size: 12px;"></i>
				</view>
			</view>
		</view>
		<u-mask :show="show" @click="show=false">

			<view class="wrao-foofff">
				<view class="wraps">

				</view>
				<view class="warp">
					<view @click="addgose(i)" :class="{'boortttom':i<=3}" v-for="(c,i) in lo.titleList" :key="i" :style="{'background-color':i==2?'#EEEEEE':'#fff',
					'font-weight': i==2?'bold':''}">
						<view class="leftssss" v-if="i==2">

						</view>

						{{c.text}}

					</view>


				</view>
			</view>

		</u-mask>







<view class="header">
			<u-dropdown menu-icon="arrow-down-fill" menu-icon-size="12" title-size="24" active-color="#3458A2" height="100" :border-bottom="true">
				<u-dropdown-item v-for="(c,i) in listTop" :key="i" :title="c.text" v-if="i<=2">
					</u-dropdown-item>
         </u-dropdown>
</view>

<view class="header">
			<u-dropdown menu-icon="arrow-down-fill" menu-icon-size="12" title-size="24" active-color="#3458A2" height="100" :border-bottom="true">
				<u-dropdown-item v-for="(c,i) in listTop" :key="i" :title="c.text" v-if="i>2">
					</u-dropdown-item>
         </u-dropdown>
</view>


<view class="footer-list">

			<view class="footer-list-s" v-for="(c,i) in keylist" :key="i">

				<view class="footer-list-s-header">

					<view>
						<image src="../../index/imgs/financing/zuo1.png" mode=""></image>

					</view>
					<view>
						{{c.title}}
					</view>
					<view>
						<image src="../../index/imgs/financing/you1.png" mode=""></image>
					</view>

				</view>


				<view class="footer-list-s-center">
					<view :class="c.class">
						<qiun-data-charts :type="c.ss" :chartData="c.chartData" :errorShow="false" :echartsApp="true"
							:inScrollView="true" :disableScroll="true" background="none" :opts="c.list" />
					</view>
					
				</view>


			</view>

		</view>
	
	<view class="footer-footer">
			<view class="footer-footer-header">
				<view>明细表</view>
				<view>（单位：亿元）</view>
				<view>
					<i class="el-icon-crop"></i>
				</view>
			</view>
		</view>



	<view class="footeraaaaaaaaaaa">
			<el-table :data="tableData" :cell-style="cellStyle" :header-cell-style="tableHeaderColor">
				<el-table-column prop="area_ORG_NAME" label="银行" width="50">
				</el-table-column>
				<el-table-column prop="bank" label="-" width="50">
				</el-table-column>
				<el-table-column width="100" prop="loan_WAY" label="授信总额">
				</el-table-column>
				<el-table-column width="100" prop="address1" label="-">
				</el-table-column>
				<el-table-column width="100" prop="koujing_FLAG" label="-">
				</el-table-column>
				<el-table-column width="120" prop="f_VALUE" label="剩余可用授信">
				</el-table-column>
			</el-table>

		</view>



	</view>
</template>

<script>
	import lo from '../lo.js'
	export default {
		data() {
			return {
				lo: lo,
				show: false,
				listTop:[
					{
						text:'截止日期',
						fel:false
					},
					{
						text:'授信参数1',
						fel:false
					},
					{
						text:'授信参数2',
						fel:false
					},
					{
						text:'是否显示法人',
						fel:false
					},
					{
						text:'排序参数',
						fel:false
					},
				],
				keylist:[
					{
						title: '集团融资银行授信概览',
						list: lo.one2sd,
						chartData: lo.one1ss,
						ss: 'bar',
						class: 'charts-box'
					},
				]
				
			};
		},
		methods: {
			addgose(i) {
				if (i == 0) {
					uni.navigateTo({
						url: '../fianci1/fianci1'
					})
				}
				if (i == 1) {
					uni.navigateTo({
						url: '../fianci2/fianci2'
					})

				}
				if (i == 2) {

				}
				if (i == 3) {
					uni.navigateTo({
						url: '../fianci4/fianci4'
					})
				}

			},
			angotu() {
				uni.navigateBack()
			}
		}
	}
</script>
<style scoped src="../../css/css1-10/financingTHeader.min.css"></style>
<style lang="scss" scoped>
	
	
	
	
	
		.footer-list-s {
			.footer-list-s-center {
				width: 100vw;
				height: 623upx;
				padding: 30upx 0;
		
				.charts-box {
					width: 100%;
					height: 100%;
					border-bottom:1upx solid #EEEEEE ;
				}
			}
		}
	
	

	
</style>
